
var login = document.querySelector('.nav-login');
var cover = document.querySelector('.cover');
var cancle_btn = document.querySelector('.cancle');
var logindiv = document.querySelector('.login-div');

var outside = document.querySelector(".login-outside");
login.onclick = function () {
    outside.style.display = 'block';
    logindiv.style.display = 'block';
    signin_div.style.display = 'block';
    cover.style.display = 'block';
    logindiv.style.top = '0';
    signin_div.style.top = '500px';
}
cancle_btn.onclick = function () {
    outside.style.display = 'none';
    cover.style.display = 'none';
    signin_div.style.display = 'none';
  
}

var sign_btn = document.querySelector('.nav-signin');
var cancle_btn2 = document.querySelector('.cancle2');
var signin_div = document.querySelector('.signin-div');
sign_btn.onclick = function () {
    outside.style.display = 'block';
    cover.style.display = 'block';
    logindiv.style.display='block';
    logindiv.style.top = '-350px';
    signin_div.style.top = '0';
    signin_div.style.display = 'block';
}
cancle_btn2.onclick = function () {
    outside.style.display = 'none';
    cover.style.display = 'none';
    logindiv.style.display='block';

}


